<template>
	<view style="display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;">
		<view v-for="(item, index) in list" :key="index" class="item">
		<view><product :info="item" :bg='bg'/>	</view>			
		</view>
	</view>
</template>

<script>
	import product from '@/components/product.vue'
	export default{
		props:{
			list:{
				type:Array,
				default:()=>[]
			}
		},
		components:{
			product
		},
		created(){
			console.log('商品住家',this.list);
		},
		data(){
			return{
				bg:''
			}
		}
	}
</script>

<style lang="scss" scoped>
	.item{
		width: 49%;
		
	}
</style>